<!DOCTYPE html>
<html lang="en">
<head>
<title>关于清大</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">   
<link href="css/slider.css" type="text/css" rel="stylesheet" media="all"> 
<link href='css/simplelightbox.min.css' rel='stylesheet' type='text/css'>   
<link href='css/jquery.slideBox.css' rel='stylesheet' type='text/css'>   
<!-- //Custom Theme files -->
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet"> 
<!-- //font-awesome icons -->
<!-- js -->
<script src="js/jquery-2.2.3.min.js"></script> 
<!-- //js -->
<!-- web-fonts --> 
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link href="http://fonts.googleapis.com/css?family=Tinos:400,400i,700,700i" rel="stylesheet"> 
<!-- //web-fonts -->
<!-- start-smooth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>	
<script type="text/javascript" src="js/jquery.slideBox.js"></script>	
<script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
		
				if( $(this.hash).offset() != null ){
				
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				}

			});
		});
</script>

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=UA8wzSwsc8DVnPnFrhWqUzFoDzNrQAnD"></script>

<!-- //end-smooth-scrolling -->	
</head>
<body>
	<!-- banner -->
	<div class="banner" style="">
        <div class="cd-radial-slider-wrapper" style="height: 580px;">
            <div class="header agileinfo-header"><!-- header -->
                <nav class="navbar navbar-default">
                    <div class="container">
                        <!-- Brand and toggle get grouped for better mobile display -->
                        <div class="navbar-header">
                            <img src="images/logo.png">
                        </div>
                        <!-- Collect the nav links, forms, and other content for toggling -->
                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                            <ul class="nav navbar-nav nav-center" style="float: right;margin-top: -45px;height: 97px;line-height: 92px;">
                                <li><a href="index.html" class="btn w3ls-hover ">首页</a></li>
                                <li><a href="product.html" class="btn w3ls-hover ">产品服务</a></li>
                                <li><a href="javascript:alert('建设中')" class="btn w3ls-hover">解决方案</a></li>
                                <li><a href="javascript:alert('建设中')" class="btn w3ls-hover">技术平台</a></li>
                                <li><a href="partner.html" class="btn w3ls-hover">客户案例</a></li>
                                <li><a href="about.html" class=" w3ls-hover active">关于清大</a></li>
                                <li class="dropdown">
                                    <span style="padding: 4px;background: #e4dfdf;"><i class="fa fa-phone"></i></b> +086-18017399462</span>
                                </li>
                            </ul>
                            <div class="clearfix"> </div>
                        </div><!-- //navbar-collapse -->
                        <!-- cd-search -->
                        <div class="cd-main-header" style="display:none;">
                            <ul class="cd-header-buttons">
                                <li><a class="cd-search-trigger" href="#cd-search"> <span></span></a></li>
                            </ul> <!-- cd-header-buttons -->
                        </div>
                        <div id="cd-search" class="cd-search agileinfo">
                            <form action="#" method="post">
                                <input name="Search" type="search" placeholder="Search...">
                            </form>
                        </div>
                        <!-- //cd-search -->
                    </div><!-- //container-fluid -->
                </nav>
            </div><!-- //header -->


            <div id="carousel-example-generic" class="carousel slide"style="padding-top: 80px;">
                <div class="carousel-inner" role="listbox" style="height: 500px;">
                    <div class="item active">
                        <img src="images/bj6.png" alt="..." style="height: 500px;width: 100%;">
                        <div class="carousel-caption" style="top: 30%;font-size: 40px;">勤于钻研 敢于创新</div>
                        <div class="carousel-caption" style="top: 40%;font-size: 40px;">Study hard and be creative</div>
                        <div class="carousel-caption" style="top: 60%;font-size: 40px;">ABOUT US</div>
                    </div>
                </div>
            </div>
		</div> <!-- .cd-radial-slider-wrapper --> 
	</div>
	<!-- //banner -->



    <div id="aboutGallery" class="gallery" style="background: #f2f2f2;padding-top: 30px;padding-bottom: 30px;">
        <div class="container">
            <div style="text-align:center;" >
                <ul id="myTab" class="nav nav-tabs">
                    <li class="">
                        <a href="#A" data-toggle="tab">
                            清大简介
                        </a>
                    </li>
                    <li class=""><a href="#B" data-toggle="tab">清大荣誉</a></li>
                    <li class="active"><a href="#C" data-toggle="tab">联系我们</a></li>
                </ul>
            </div>
            <div class="clearfix"> </div>
        </div>
    </div>

    <div id="aboutGallery2" class="gallery" style="padding-top: 60px;">
        <div class="container">
            <div class="agileits-content tab-content" style="">
                <div class="tab-pane fade" id="A"  style="text-align: center;">
                    <div style="font-size: 40px;height: 100px;line-height: 30px;line-height: 30px;">公司简介</div>
                    <div style="height: 100px;line-height: 30px;">清大（上海）科技有限公司，成立于2016年5月。是一家专业提供清大（上海）科技有限公司，成立于2016年5月。是一家专业提供清大（上海）科技有限公司，成立于2016年5月。是一家专业提供清大（上海）科技有限公司，成立于2016年5月。是一家专业提供清大（上海）科技有限公司，成立于2016年5月。是一家专业提供</div>
                    <div style="height: 100px;line-height: 30px;">清大（上海）科技有限公司，成立于2016年5月。是一家专业提供清大（上海）科技有限公司，成立于2016年5月。是一家专业提供清大（上海）科技有限公司，成立于2016年5月。是一家专业提供清大（上海）科技有限公司，成立于2016年5月。是一家专业提供清大（上海）科技有限公司，成立于2016年5月。是一家专业提供</div>
                    <div style="height: 100px;line-height: 30px;">清大（上海）科技有限公司，成立于2016年5月。是一家专业提供清大（上海）科技有限公司，是一家专业提供清大（上海）科技有限公司，是一家专业提供清大（上海）科技有限公司，成立于2016年5月。是一家专业提供清大（上海）科技有限公司，成立于2016年5月。是一家专业提供清大（上海）科技有限公司，成立于2016年5月。是一家专业提供清大（上海）科技有限公司，成立于2016年5月。是一家专业提供</div>
                    <!-- features -->
                    <div id="productFeatures" class="features about services" style="padding-top: 80px;">
                        <div class="container">
                            <div class="agileits-content" style="">
                                <div class="col-lg-12" style="height: 300px;">
                                    <div class="col-lg-3 agileits-content-div" style="">
                                        <div style="border-radius: 50%;background-color: #efefef;padding: 10px;">
                                            <div class="agileits-content-div-img" style="padding-top: 40px; height: 120px;">
                                                <img src="images/jianguan.png" style="    height: 50px;"/>
                                            </div>
                                            <h4 style="font-size: 20px;color: #4a4a4a;">监管</h4>

                                        </div>

                                    </div>
                                    <div class="col-lg-3 agileits-content-div" style="">
                                        <div style="border-radius: 50%;background-color: #efefef;padding: 10px;">
                                            <div class="agileits-content-div-img" style=" padding-top: 40px; height: 120px;">
                                                <img src="images/yewu.png" style="    height: 50px;"/>
                                            </div>
                                            <h4 style="font-size: 20px;color: #4a4a4a;">业务</h4>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 agileits-content-div" style="">
                                        <div style="border-radius: 50%;background-color: #efefef;padding: 10px;">
                                            <div class="agileits-content-div-img" style=" padding-top: 40px; height: 120px;">
                                                <img src="images/shuju.png" style="    height: 50px;"/>
                                            </div>
                                            <h4 style="font-size: 20px;color: #4a4a4a;">数据中心</h4>

                                        </div>
                                    </div>
                                    <div class="col-lg-3 agileits-content-div" style="">
                                        <div style="border-radius: 50%;background-color: #efefef;padding: 10px;">

                                            <div class="agileits-content-div-img" style="padding-top: 40px; height: 120px;">
                                                <img src="images/yid.png" style="    height: 50px;"/>
                                            </div>
                                            <h4 style="font-size: 20px;color: #4a4a4a;">移动互联网</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- features -->
                            <div id="features" class="features about services" style="padding-bottom: 0px;">
                                <div class="container">
                                    <div class="agileits-title">
                                        <div class="agileits-title-left">
                                            <h6>清大价值观</h6>
                                        </div>
                                        <div class="clearfix"> </div>
                                    </div>
                                    <div class="tabs w3-agileits-tabs">
                                        <div class="col-xs-6 w3-agileits-tabs-div" style="padding: 0px;">
                                            <a href1="images/Bitmap Copy 2.png" href="#" class=" ">
                                                <div class="col-xs-4 w3-agileits-tabs-div-height" style="background-color: #759289e8;line-height: 70px;padding: 60px;">
                                                    <h3>奋斗</h3>
                                                    <span>以奋斗为荣</span>
                                                </div>
                                                <div class="col-xs-8 w3-agileits-tabs-div-height">
                                                    <img src="images/12.png" class="" alt="" title="Smart Buzz Image"/>
                                                </div>
                                            </a>
                                        </div>
                                        <div class="col-xs-6 w3-agileits-tabs-div" style="padding: 0px;">
                                            <a href1="images/img2.jpg" href="#" class=" ">
                                                <div class="col-xs-4 w3-agileits-tabs-div-height" style="background-color: #9c8a06ab;line-height: 70px;padding: 60px;">
                                                    <h3>传承</h3>
                                                    <span>薪火相传，青出于蓝胜于蓝</span>
                                                </div>
                                                <div class="col-xs-8 w3-agileits-tabs-div-height">
                                                    <img src="images/13.png" class="" alt="" title="Smart Buzz Image"/>
                                                </div>
                                            </a>
                                        </div>
                                        <div class="col-xs-6 w3-agileits-tabs-div" style="padding: 0px;">
                                            <a href1="images/img2.jpg" href="#" class=" ">
                                                <div class="col-xs-8 w3-agileits-tabs-div-height">
                                                    <img src="images/14.png" class="" alt="" title="Smart Buzz Image"/>
                                                </div>
                                                <div class="col-xs-4 w3-agileits-tabs-div-height" style="background-color: #17c58de8;line-height: 70px;padding: 60px;">
                                                    <h3>分享</h3>
                                                    <span>分享感悟，共同成长</span>
                                                </div>
                                            </a>
                                        </div>
                                        <div class="col-xs-6 w3-agileits-tabs-div" style="padding: 0px;">
                                            <a href1="images/img2.jpg" href="#" class=" ">
                                                <div class="col-xs-8 w3-agileits-tabs-div-height">
                                                    <img src="images/16.png" class="" alt="" title="Smart Buzz Image"/>
                                                </div>
                                                <div class="col-xs-4 w3-agileits-tabs-div-height" style="background-color: #d43443eb;line-height: 70px;padding: 60px;">
                                                    <h3>共赢</h3>
                                                    <span>以人为本，各方共赢</span>
                                                </div>
                                            </a>
                                        </div>
                                        <div class="clearfix"> </div>
                                    </div><!-- /tabs -->
                                </div>
                            </div>
                            <!-- //features -->

                            <div class="clearfix"> </div>
                        </div>
                    </div>

                </div>
                <div class="tab-pane fade" id="B"  style="height:500px;">
                    <img src="images/45.png" style="width: 100%;"/>
                </div>
                <div class="tab-pane fade in active" id="C"  style="height:500px;">
                    <div id="allmap" style="height:500px;"></div>
                    <!--<div id="map_canvas"></div>-->
                    <div class="row">
                    </div>
                    <script type="text/javascript">
                        loadMap();
                        function loadMap() {
                            var map = new BMap.Map("allmap");
                            var point = new BMap.Point(121.4351085344,31.2345519442);
                            map.centerAndZoom(point, 15);
                            var marker = new BMap.Marker(point);  // 创建标注
                            map.addOverlay(marker);               // 将标注添加到地图中
                            marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
                        }
                    </script>

                    <!-- gallery -->
                    <div id="gallery" class="gallery" style="background: #fff;padding-top: 88px;">
                        <div class="agileinfo-gallery-row container">
                            <div>
                                <div class="col-md-6">
                                    <h4 style="font-size: 20px;    height: 40px;">客户咨询</h4>
                                    <span style="line-height: 30px;">电话：021-62520333</span><br/>
                                    <span style="line-height: 30px;">手机：185-1636-2355</span><br/>
                                    <span style="line-height: 50px;">如您遇到产品问题，可随时与我们联系。工作时间：工作日，早9：00——晚18：00</span>
                                </div>
                                <div class="col-md-6">
                                    <span style="line-height: 50px;">邮箱：dongfengjiang@qinghuainvest.com</span><br/>
                                    <span>地址：上海市静安区万航渡路888号开开大厦18楼AB座</span>
                                </div>
                                <div class="clearfix"> </div>
                            </div>
                        </div>
                    </div>
                    <!-- //gallery -->

                </div>
            </div>
            <div class="clearfix"> </div>

        </div>
    </div>







    <!-- address -->
    <div id="address" class="address w3layouts-address">
        <div class="col-md-1 address-left">
        </div>
        <div class="col-md-3 address-left">
            <div class="address-title borderbottom">
                <h1>产品服务</h1>
                <h6><a href="" class="foot_link_a">AI产品服务</a></h6>
                <h6><a href="" class="foot_link_a">大数据技术服务</a></h6>
                <h6><a href="" class="foot_link_a">移动互联网应用</a></h6>
                <h6><a href="" class="foot_link_a">金融类系统开发</a></h6>
            </div>
        </div>
        <div class="col-md-3 address-left">
            <div class="address-title">
                <h1>解决方案</h1>
                <h6><a href="" class="foot_link_a">AI产品服务</a></h6>
                <h6><a href="" class="foot_link_a">大数据技术服务</a></h6>
                <h6><a href="" class="foot_link_a">移动互联网应用</a></h6>
                <h6><a href="" class="foot_link_a">金融类系统开发</a></h6>
            </div>
        </div>
        <div class="col-md-3 address-left">
            <div class="address-title">
                <h1>关于清大</h1>
                <h6><a href="" class="foot_link_a">公司介绍</a></h6>
                <h6><a href="" class="foot_link_a">企业文化</a></h6>
                <h6><a href="" class="foot_link_a">联系我们</a></h6>
            </div>
        </div>
        <div class="clearfix"> </div>
    </div>
    <!-- //address -->

    <!-- footer -->
    <div class="footer" style=" text-align: center;">
        <div class="container">
            <div class="footer-left">
                <p>@2013-2018 清大（上海）软件科技有限公司 版权所有</p>
            </div>
            <div class="clearfix"> </div>
        </div>
    </div>
    <!-- //footer -->
    <!-- search jQuery -->
	<script src="js/search.js"></script>
	<!-- //search jQuery --> 
	<script src="js/snap.svg-min.js"></script>
	<script src="js/main.js"></script> <!-- Resource jQuery -->   
	<!-- smooth-scrolling-of-move-up -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
			var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
			};
			*/
			
			$().UItoTop({ easingType: 'easeOutQuart' });
			
		});
	</script>
	<!-- //smooth-scrolling-of-move-up -->   
	<!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/bootstrap.js"></script>
</body>
</html>